<html class="ui-corner-all"  >
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Расчет зубчатых передач</title>
		
        <script type="text/javascript" src="lib/air/AIRAliases.js"></script>
        <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>   
<!--        <script type="text/javascript" src="js/makereport.js"></script>-->
		<script type="text/javascript" src="js/core.js"></script>
		<script type="text/javascript" src="js/makereport.js"></script>
                
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/jquery.qtip.min.css">
        <link rel="stylesheet" href="css/themes/eggplant_ed/jquery-ui-1.8.14.custom.css">
        <script type="text/javascript">
            $(document).ready(function(){
                $(".calculate").button();
                $("#geartype").buttonset();
                $("#accordion").accordion({
                    collapsible: true
                });
				$("#chooseX").dialog({
				autoOpen: false,
				resizable: false,
				width: 350,
				buttons: {
     				OK: function(){
     					x1 = $("#x1").val();
     					$(this).dialog("close");
                                  	}
                                }       	
				});
				$("#info, #actions").draggable();
				$("#closeinfo").click(function(){
					$("#info").fadeOut(1000);
				});
                                $("#close").button({
					icons: {
						primary: 'ui-icon-closethick'
					},
					text:false
				});
                                $("#minimize").button({
					icons: {
						primary: 'ui-icon-minusthick'
					},
					text:false
				})
				$("#createreporttxt").button({
					icons: {
						primary: 'ui-icon-document'
					},
					text:false
				}).next().button({
					icons: {
						primary: 'ui-icon-pencil'
					},
					text:false
				}).next().button({
					icons: {
						primary: 'ui-icon-help'
					},
					text:false
				}).next().button({
					icons: {
						primary: 'ui-icon-info'
					},
					text:false
				});
                  
                  
                      
                  $("#close").click(function(){
                       var closing = new air.Event(air.Event.CLOSING, true, true);
                       window.nativeWindow.dispatchEvent(closing);
                         if(!closing.isDefaultPrevented()){
                          window.close();
                         } 
                  });
                  $("#minimize").click(function(){
                      nativeWindow.minimize();
                  });
                  $("body").mousedown(function(){
                        nativeWindow.startMove();
                  })
                  
                  var onMove = function(event){
                         nativeWindow.startMove();
                  }
				
            });
        </script>
    </head>
    <body class="p10 ui-corner-all" style="background: #3d3644;">
        <div id="system" style="position: fixed;top:2px;right:2px; z-index: 999">
            <div id="minimize" class="buttons" style="width: 25px; height: 15px;"></div>
            <div id="close" class="buttons ui-state-error" style="width: 25px; height: 15px;"></div>
            
        </div>
        <div class="fwb" style="font-size: 16px; color:#fff; margin: 20px 5px 5px 5px ">
            Исходные данные к расчету
        </div>
        
		<div id="actions" class="ui-corner-all">
                    <a id="createreporttxt" class="buttons" title="Создать отчет в формате .txt">Создать отчет в формате .txt</a>
                    <a id="createreporthtml" class="buttons" title="Создать отчет в формате .html">Создать отчет в формате .html</a>
                    <a id="help" class="buttons">Помощь...</a>
                    <a id="about" class="buttons" title="">О программе</a>
                   
                </div>
		<!-- Info с неупорядоченным выводом
		<div id="info" class="info ui-corner-all" style="z-index:999"><div id="itext" style=""><div></div></div></div>
		<!-- Info -->
		
		<!-- Info -->
		<div id="info" class="info" title="Info" style="z-index:999">
			<div id="closeinfo" class="ui-icon ui-icon-close ui-corner-all"></div>
			<div id="itext" style="">
                            <div><div>Вид зубчатой передачи:</div><span id="geartype_out"></span></div>
                            <div><div>Термическая обработка:</div><span id="htvalue_out"></span></div>
                            <div><div>Твердость поверхностей зубьев</div><span id="H_out"></span></div>
                            <div><div>Вращающий момент на колесе (Н&#8901;м)</div><span id="T2_out"></span></div>
                            <div><div>Расположение зубчатых колес относительно опор:</div><span id="gearlocation_out"></span></div>
                            <div><div>Передаточное отношение передачи</div><span id="u_out"></span></div>
                            <div><div>Коэффициент ширины венца</div><span id="cw_out"></span></div>
                            <span id="calc1"></span>
                            <span id="calc2"></span>
				
			</div>
		</div>
		<!-- Info -->
                
       <!-- ACCORDION -->
        <form action="">
            <div id="accordion">
            	 <!-- Рассчет межосевого расстояния -->
                <h3><a href="#">Рассчет межосевого расстояния</a></h3>
                <div>
                    <fieldset class="ui-widget-content m10">
                        <legend class="fwb">
                            Вид зубчатой передачи
                        </legend>
                        <div id="geartype" class="m10">
                            <input type="radio" id="pryamo" name="Вид зубчатой передачи" value="Прямозубая"/>
                            <label for="pryamo">
                                Прямозубая
                            </label>
                            <input type="radio" id="coso" name="Вид зубчатой передачи" value="Косозубая"/>
                            <label for="coso">
                                Косозубая
                            </label>
                        </div>
                    </fieldset>
                    <fieldset class="ui-widget-content m10">
                        <legend id="htlegend" class="fwb">
                            Термическая обработка
                        </legend>
                        <select id="heat_treatment" class="m10 ui-state-default" style="font-style: normal;" name="Термическая обработка">
                            <option></option>
                            <option value="Нормализация или улучшение">Нормализация или улучшение</option>
                            <option value="Объемная закалка">Объемная закалка</option>
                            <option value="Поверхностная закалка">Поверхностная закалка</option>
                            <option value="Цементация или нитроцементация">Цементация или нитроцементация</option>
                            <option value="Азотирование">Азотирование</option>
                        </select>
                    </fieldset>
                    <fieldset class="ui-widget-content m10">
                        <legend id="hardnesslegend" class="fwb" style="">
                            Твердость поверхностей зубьев 
                        </legend>
                        <div id="hls" style="font-size: 12px; color:#cbc8cc;height:10px;" >
                        </div>
                        <input id="hardness" type="text" class="ui-corner-all m10 ui-state-default" name="H">
                    </fieldset>
                    <fieldset class="ui-widget-content m10">
                        <legend class="fwb">
                            Вращающий момент на колесе (Н&#8901м)
                        </legend>
                        <input id="torque" class="ui-corner-all m10 ui-state-default" type="text" maxlength=6 name="T2">
                    </fieldset>
                    <fieldset class="ui-widget-content m10">
                        <legend class="fwb">
                            Расположение зубчатых колес относительно опор
                        </legend>
                        <select id="gearlocation" class="m10 ui-state-default" style="font-style:normal;" name="Расположение зубчатых колес относительно опор">
                            <option></option>
                            <option value="Симметричное">Симметричное</option>
                            <option value="Несимметричное">Несимметричное</option>
                            <option value="Консольное">Консольное</option>
                        </select>
                    </fieldset>
                    <fieldset class="m10 ui-widget-content">
                        <legend class="fwb">
                            Передаточное отношение передачи
                        </legend>
                        <input id="gear-ratio" class="ui-corner-all m10 ui-state-default" type="text" maxlength=4 name="u">
                    </fieldset>
                    <fieldset class="m10 ui-widget-content">
                        <legend class="fwb">
                            Коэффициент ширины венца
                        </legend>
                        <select id="crownwidth" class="m10 ui-state-default" style="font-style:normal; width: 150px" name="crownwidth">
                        </select>
                    </fieldset>
                    <div id="calculate1" class="calculate" style="width: 200px;margin-left:30px; margin-bottom: 15px" name="res1">
                        Расчитать
                    </div>
					<!-- Рассчет межосевого расстояния -->
                </div>
                <h3><a href="#">Рассчет геометрических размеров зубчатых колес</a></h3>
                <div id="size-main">
                	<!-- Рассчет геометрических размеров зубчатых колес -->
					<fieldset class="ui-widget-content m10 ui-corner-all" id="modf">
                        <legend class="fwb">
                            Модуль
                        </legend>
                        <select id="mod" class="m10 ui-state-default" style="font-style:normal; width: 150px" name="m">
							<option></option>
                        </select>
                    </fieldset>
                	<div id="calculate2" class="calculate" style="width: 200px;margin-left:30px">
                        Рассчитать
                    </div>	
                        <div id="chooseX" title="Сообщение!">
                            <div id="choo">Выберите x1 при условии, что X<sub>&#931</sub> = <span id="xsum"></span></div>
                                <input id="x1" class="ui-corner-all m10 ui-state-default" type="text">					
                        </div>			
					<!-- Рассчет геометрических размеров зубчатых колес -->
                </div>
                <h3><a href="#">Section 3</a></h3>
                <div>
                </div>

            </div>
        </form>
        <!-- ACCORDION -->
       
        
    </body>
</html>
